<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
 <title>test.html</title>

 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
 <meta http-equiv="description" content="this is my page">
 <meta http-equiv="content-type" content="text/html; charset=UTF-8">

   <script src="jquery-1.7.1.min.js" type="text/javascript"></script>
   <script src="jquery.blockUI.js"></script>
   <script>
       $(function(){
           $("#t1").click(function(){
               $.blockUI({
                   css: {
                        border:'solid green 12px'
                    },
                    message:'正在处理，请等待...'
                });
               setTimeout(function(){$.unblockUI(); },3000);
          });

          $("#t2").click(function(){
               $('#div1').block({
                    message:'正在处理，请等待...',
                    css: {
                        border:'solid green 2px'
                    }
                });
               setTimeout(function(){$('#div1').unblock(); },3000);
          });

          $("#t3").click(function(){
               $.growlUI('Hi','Have a nice day!');
          });
       });
   </script>
 </head>

 <body>
   <input id="t1" type="button" value="全屏loading"/>
   <input id="t2" type="button" value="某区域loading"/>
   <input id="t3" type="button" value="通知"/>
   <br/>
   <br/>
   <br/>
   <br/>
   <br/>
   <div id="div1" style="height:100px;widht:100px;border:1px solid #ccc;">test1</div>
 </body>
</html>
